@import url('../../style.less');
.orange{
	background-color: #f4af3f !important;
}
.red{
	background-color: #ff007f !important;
}
.green{
	background-color: #348d43 !important;
}
.blue{
	background-color: #00ffff !important;
}
.page{
}

.statistics{
	margin-bottom: 50rpx;
	.left{
		margin-top: 150rpx;
		margin-left: 20rpx;
		width: 80rpx;
		height: 120rpx;
		float: left;
	}
	.right{
		margin-top: 150rpx;
		margin-right: 20rpx;
		width: 80rpx;
		height: 120rpx;
		float: right;
	}
	.big-icon{
		border-radius: 30rpx;
		width: 350rpx;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40rpx;
	}
	.report-title{
		display: flex;
		justify-content: center;
		margin-top: 20rpx;
		.days{
			font-size: 60rpx;
			color: @font-color;
		}
		.unit{
			margin-left: 10rpx;
			margin-top: 33rpx;
		}
	}
	.sub-title{
		font-size: 34rpx;
		margin-top: 10rpx;
		text-align: center;
		color: @font-color;
	}
	.report{
		display: flex;
		justify-content: center;
		margin-top: 30rpx;
		.column{
			flex-grow: 1;
			flex-shrink: 1;
			color: #fff;
			padding-top: 20rpx;
			padding-bottom: 5rpx;
			.column-title{
				display: block;
				text-align: center;
				font-size: 30rpx;
				margin-bottom: 5rpx;
			}
			.number{
				display: block;
				text-align: center;
				font-size: 30rpx;
			}
		}
	}
}